<template>
    <div>
        <el-breadcrumb :separator="aaa == 1 ? '' : '/'">
            <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
            <!-- <el-breadcrumb-item style="display: aaa== 1 ? 'none' : 'block'"><a
                    href="/static/management/#/ums/admin">权限</a></el-breadcrumb-item> -->
            <el-breadcrumb-item v-show="aaa == 1 ? false : true" :to="{ path: `/${path1}` }">{{ txt }}</el-breadcrumb-item>
            <el-breadcrumb-item>{{ msgg }}</el-breadcrumb-item>
        </el-breadcrumb>

    </div>
</template>

<script lang="ts" setup>
import { ref, defineProps, withDefaults } from "vue"
let props = withDefaults(
    defineProps<{ msgg: string, txt: string, path1: string, aaa: number }>(),
    {
        msgg: '',
        txt: '',
        path1: '',
        aaa: 0
    }
)
</script>

<style lang="scss" scoped>
.el-breadcrumb {
    height: 45px;
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    box-sizing: border-box;
}
</style>